<!DOCTYPE html>
<html>

<head>
    <title>首页</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta http-equiv="Access-Control-Allow-Origin" content="*" />
    <meta name="launcher" module="com.52zzb.main" hideAddressBar="true" preventTouchMove="true" enablePhoneGap="true" />
    <meta http-equiv="pragma" content="no-cache" />
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0" />
    <link rel="stylesheet" href="../com.52zzb.common/common.css" />
    <link href="../ratchet/css/ratchet.min.css" rel="stylesheet" />
    <link href="../butterfly/css/butterfly.css" rel="stylesheet" />
    <link href="../com.52zzb.common/butterfly-bridge.css" rel="stylesheet" />
    <link href="../com.52zzb.common/loginstyle.css" rel="stylesheet" />
    <script type="text/javascript" src="../cordova.js"></script>
    <script type="text/javascript" src="../butterfly/js/require.js" data-main="../butterfly/js/soc/butterfly-bootstrap"></script>
    <script type="text/javascript" src="../com.52zzb.common/common.js"></script>

    <body onload="onLoad();">
        <div id="main" data-view="$StackView">
            <div id="main-module-index" data-view="com.52zzb.main/index">
                <header>无限极E帆网</header>
            </div>
        </div>
        <div id="home_refresh">
            <div class="spinner">
                <span id="home_refresh_span">加载中</span>
                <div class="bounce1"></div>
                <div class="bounce2"></div>
                <div class="bounce3"></div>
            </div>
        </div>
        <ul id="bottom_control">
            <li id="home" class="main_nav_active"> <i class="icon_home"></i>
                <p>首页</p>
            </li>
            <li id="found"> <i class="icon_found"></i>
                <p>发现</p>
            </li>
            <li id="notice">
                <i class="icon_notice"></i>
                <p>消息</p>
            </li>
            <li id="usercenter_me">
                <i class="icon_usercenter"></i>
                <p>我</p>
            </li>
        </ul>
        <!-- Root element of PhotoSwipe. Must have class pswp. -->
        <div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">
            <!-- Background of PhotoSwipe. 
         It's a separate element, as animating opacity is faster than rgba(). -->
            <div class="pswp__bg"></div>
            <!-- Slides wrapper with overflow:hidden. -->
            <div class="pswp__scroll-wrap">
                <!-- Container that holds slides. PhotoSwipe keeps only 3 slides in DOM to save memory. -->
                <div class="pswp__container">
                    <!-- don't modify these 3 pswp__item elements, data is added later on -->
                    <div class="pswp__item"></div>
                    <div class="pswp__item"></div>
                    <div class="pswp__item"></div>
                </div>
                <!-- Default (PhotoSwipeUI_Default) interface on top of sliding area. Can be changed. -->
                <div class="pswp__ui pswp__ui--hidden">
                    <div class="pswp__top-bar">
                        <div class="pswp__counter"></div>
                        <!--  Controls are self-explanatory. Order can be changed. -->
                        <!-- <button class="pswp__button pswp__button--close" title="Close (Esc)"></button> -->
                        <button class="pswp__button pswp__button--download" title="download"></button>
                        <button class="pswp__button pswp__button--delete" title="delete"></button>
                        <div class="pswp__preloader">
                            <div class="pswp__preloader__icn">
                                <div class="pswp__preloader__cut">
                                    <div class="pswp__preloader__donut"></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="pswp__share-modal pswp__share-modal--hidden pswp__single-tap">
                        <div class="pswp__share-tooltip"></div>
                    </div>
                    <button class="pswp__button pswp__button--arrow--left" title="Previous (arrow left)">
                    </button>
                    <button class="pswp__button pswp__button--arrow--right" title="Next (arrow right)">
                    </button>
                    <div class="pswp__caption">
                        <div class="pswp__caption__center"></div>
                    </div>
                </div>
            </div>
        </div>
    </body>

</html>
